<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>layer封装的函数使用demo</title>
        <link rel="stylesheet" href="css/base.css" />
        <link rel="stylesheet" href="css/common.css" />
        <style type="text/css">
            body {
                margin: 0 auto;
                padding: 0 40px;
                text-align: left;
            }

            .title {
                color: red;
                font-weight: bold;
                padding: 10px 0 0;
            }

            h1 {
                text-align: center;
                font-size: 18px;
            }

            h2 {
                font-size: 15px;
                font-weight: normal;
            }

            .wrapper {
                padding: 20px 0 0;
                line-height: 24px;
            }

            .demo-list{
                padding:40px 0 0
            }

            .demo-list li{
                font-size: 15px;
                list-style: decimal;
                padding: 10px 0;
            }
        </style>
    </head>
    <body>
    <div class="wrapper">
            <h1>layer封装的函数，主要适用mobile端</h1>
            <div>
                <ul class="demo-list">
                    <li>类似jquery的选择器，event事件系统，ajax事件,以$$为前缀：$$('xx')</li>
                    <li><a href="layer.html">layer：主要是各种弹窗组件</a></li>
                    <li><a href="laytpl.html">laytpl:主要是摸版引擎</a></li>
                    <li><a href="listview.html">listview：主要是列表展示组件</a></li>
                    <li><a href="infinite.html">infinite：主要是滚动加载组件</a></li>
                    <li><a href="pulltorefresh.html">pulltorefresh：主要是下拉加载组件</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>
